/**************设置头部********************** */
#header_top{
	height: 40px;
	line-height: 40px;
	background: #333;
	font-size:12px;
}
#header>div.container{
	color:#b0b0b0;
	font-size:12px;
}
#header a{
	color:#B0B0B0;
}
#header a:hover{
	color:#fff;
}
#header span{
	padding:0 3px;
}
/* 设置小车点击下拉框 */
#header div.car_logo{
	width:120px;
	position: relative;	
	margin-left:10px;
	text-align: center;
}
#header div.car_logo:hover a.cart{ 
	background: #fff;
	color:#FF6700; 
	border-bottom:1px solid #fff;
}
#header a.cart{
	position:relative;
	display: inline-block;
	width:120px;
	height:40px;
	line-height: 40px;
	z-index:20;
	background:#424242;
}
#header div.cart_list{
	position: absolute;
	width:300px;
	height: 100px;
	line-height: 100px;
	text-align:center;
	z-index: 1;
	top:40px;
	left:-179px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	display:none; 
}
#header div.car_logo:hover div.cart_list{
	display: block;
	background: #fff;
}
#Login{
   display:none;
   position: absolute;
   right: 26%;
}
/* 设置头部下方的，导航 标题*/
/* 设置弹性布局 */

#header_bottom{
	display: flex;
	justify-content: space-between;
	margin:25px 0;
	position: relative;
}
#header_bottom>div{
	height:60px;
	line-height:60px;
}
/* 1. 导航的logo */
#header_bottom>div:first-child{
	width:60px;	
	text-align: center;
	padding-top:1px;	
}
/*  2.导航的标题*/
#header_bottom>div:nth-child(2){
	width:700px;	
}
#header_bottom ul.header_nav-list{
	display: flex;
	justify-content: space-between;
	font-size:16px;
}
#header_bottom ul.header_nav-list>li{
	cursor: pointer;
	height:82px;
	width: 84px;
	
}
#header_bottom ul.header_nav-list>li:first-child{
	margin-left:100px;
}
 #header_bottom ul.header_nav-list a{
	display: block;
	color: #333;
	text-align: center;
	height:82px;
	width: 84px;


} 
#header_bottom ul.header_nav-list a:hover{
	color:#FF6700;
}
/* 点击 标题显示下拉框*/
#header_bottom ul div.header_list{
	width:64px;
}
#header_bottom div.tel_names{
	position: absolute;
	z-index: 50;
	left:0;	
	right: 0;
	top:150px;
	height: 200px;
	border-top:	1px solid #e0e0e0;
	background: #fff;
	display: none;
}
/* 搜索框 */
#shelper{
    width: 286px;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    right:4px;
    top: 49px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 1px 2px 1px rgba(0,0,0,.2);
    list-style-type: disc;
    display:none;
}
#shelper>li{
    overflow: hidden;
    padding: 1px 6px;
    line-height: 24px;
	cursor: pointer;
	background: #f5f5f5;
	font-size: 14px;
}
#shelper>li:hover,#shelper>li.hover{
   color:#fff;
   background: #ff6700;
}
#shelper>li.focus{ 
	background:#ff6700 ;
	color:#fff;
}
/* 1.小米手机 */
#header_bottom ul.header_nav-list>li:first-child:hover div.tel_names{
	display: block;
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}
#header_bottom ul.header_nav-list>li:nth-child(2):hover div.tel_names{
	display: block;
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

/* 点击事件 */

#names_box{
	display: flex;
	justify-content: space-between;	
	width:1226px;
	height: 250px;
	position: absolute;
	top:140%;
	left:0;
	z-index: 200;
	background:#fff;
	display: none;
}
#names_box>ul{
	display: none;
}
#names_box li{
	width:200px;
	height: 250px;
	font-size:14px; 
	margin-top:10px; 
	float:left;
	text-align: center;
}
#names_box li a.btn{
	color:#ff6700;
	width: 70px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border:1px solid #ff6700;
	position: relative;
	top:-11px;
}
#names_box  li>a.names_img{
	width:150px;
	height: 100px;
	display: block;
	margin: 0 auto;
	border-right:1px solid #E0E0E0;
}
#names_box li a.names_img>img{
	width:140px;
	height: 100px;
}
#names_box li .names_p,.price{
	font-size:12px;
	width:100px;
	height:25px;
	line-height:25px;
	text-align: center;
}
#names_box li .names_p{
	color:#333;
}
#names_box  li .price{
	color:#ff6700;
}
/* 2.红米 */



/* 3.导航的搜索框 */
#header_bottom>div:last-child{
	width:290PX;
	height: 50px;
	border:1px solid #E0E0E0;
	background: #fff;
	position:relative;
}
#header_bottom>div:last-child>input{
	border:none;
	height:48px;
	width:230px;
	outline: none;
	vertical-align: top;
}
#header_bottom>div:last-child>span{
	display: inline-block;
	width:50px;
	height:50px;
	line-height:50px;
	text-align: center;
	position: relative;
	top:-3px; 
	left:5px;
	z-index:0;
	cursor: pointer;
    border-left:1px solid #e0e0e0
}
#header_bottom>div:last-child>span:hover{
	background: #ff6700;
	color:#fff;
}

#header_bottom .header_input_logo_txt>a{
	background: #EEEEEE;
	padding:2px 3px;
	position: relative;
	top:-65px;
	left:40px;
	margin-left:2px;
}
#header_bottom .header_input_logo_txt>a:hover{
	background: #FF6700;
	color:#fff;
} 
